
        // 放大镜
        $(function(){
            var shadeWidth = $('.glass-cover').width(),//阴影的宽度 
                shadeHeight = $('.glass-cover').height(),//阴影的高度 
                middleWidth = $('.glass-top').width(),//容器的宽度 
                middleHeight = $('.glass-top').height(),//容器的高度 
                bigWidth = $('.glass-scale').width(),//放大图片盒子的宽度 
                bigHeight = $('.glass-scale').height(),//放大图片盒子的高度 
                rateX = bigWidth / shadeWidth,//放大区和遮罩层的宽度比例 
                rateY = bigHeight / shadeHeight;//放大区和遮罩层的高度比例 
            // 放大镜小图片放上改变样式
            $(".photo").on("mouseenter",".small-pic",function(){
                $(this).addClass("active").siblings().removeClass("active");
                $(".big-pic img").eq($(this).index()).css("display","block").siblings().css("display","none");
                $(".glass-scale img").eq($(this).index()).css("display","block").siblings().css("display","none");
            })
            $(".glass-top").hover(function(){
                $(".glass-cover").show();
                $(".glass-scale").show()
            },function(){
                $(".glass-cover").hide();
                $(".glass-scale").hide()
            })
            //遮罩层的位置
            $(".glass-top").mousemove(function(e){
                var x=e.pageX,
                    y=e.pageY;
                $(".glass-cover").offset({
                    top:y-shadeHeight/2,
                    left:x-shadeWidth/2
                })
                // 限制遮罩层的移动范围
                var jojo=$(".glass-cover").position(),
                    _top=jojo.top,
                    _left=jojo.left,
                    hdiffer = middleHeight - shadeHeight,
                    wdiffer = middleWidth - shadeWidth;
                    if(_top<0) _top=0;
                    else if(_top>hdiffer) _top=hdiffer;
                    if(_left<0) _left=0;
                    else if(_left>hdiffer) _left=hdiffer;
                $(".glass-cover").css({
                    top:_top,
                    left:_left
                })
                $(".glass-scale img").css({
                    top: - rateY * _top,
                    left: - rateX * _left
                })
            })
        })
        //tab 切换(九机分期)
        $(function(){
            $(".tabs-wrap").on("click","li",function(){
                $(this).addClass("border").siblings().removeClass("border")
            })

            $(".tabs-item").hover(function(){
                $(this).addClass("border-r").siblings().removeClass("border-r")
                $(this).parent().next().children("ul").eq($(this).index()).css({
                    display:"block"
                }).siblings().css({
                    display:"none"
                })
            })

            $(".category li").hover(function(){
                $(this).children("a").addClass("f-red").parent().siblings().children("a").removeClass("f-red")
            },function(){
                $(this).children("a").removeClass("f-red")
            })

            $(".tabs-right-box a").click(function(){
                $(this).css("color","#fff").siblings().css("color","#333")
                $(this).addClass("active").siblings().removeClass("active")
                $(this).parent().next().children(".border").eq($(this).index()).css({
                    display:"block"
                }).siblings().css({
                    display:"none"
                })
                var scrollTop=$(this).offset().top;
                console.log(scrollTop)
                $("html,body").animate({
                    scrollTop: scrollTop
                })
            })
            $(".tabs-right-box a").hover(function(){
                if(!$(this).hasClass("active")){
                    $(this).css("color","#f21c1c")
                }
            },function(){
                if(!$(this).hasClass("active")){
                    $(this).css("color","#333")
                }
            })
            //滚动 
            $(window).scroll(function(){
                if($(window).scrollTop()>=1969){
                    $(".tabs-right-box").css({
                        position:"fixed",
                        top:"0"
                    })
                }else{
                    $(".tabs-right-box").css({
                        position:"relative"
                    })
                }
            })

           //选中红框
           
           

           
        })
        // 点击切换
        $(function(){
            $(".main-part li").click(function(){
                $(this).addClass("active").siblings().removeClass("active");
                $(this).parent().next().children().children("ul").eq($(this).index()).css({
                    display:"block"
                }).siblings().css({
                    display:"none"
                })
            })
            $(".check-box").click(function(){
                $(this).css({
                    backgroundColor:"#f21c1c",
                })
                $(this).children("input").css({
                    opacity:1,
                })
            })
            //轮播
            var count=0,
                count2=0;
            length=$(".guide-slide").length
            $(".btn-right").click(function(){
                count++;
                if(count>length-4){
                    count=length-4;
                }
                if(length-count<=4){
                    $(".switch-box").animate({
                        marginLeft:"-280"*count
                    },function(){
                        count=0;
                        $(".switch-box").css({
                            marginLeft:0
                        })
                    })
                }else{
                    $(".switch-box").animate({
                        marginLeft:"-280"*count
                    })
                }
                
            })
            // 点击左侧(左侧激活需两次???)
            $(".btn-left").click(function(){
                count--;
                if(count<=0){
                    count=0;
                }
                if(count==0){
                    $(".switch-box").animate({
                        marginLeft:0
                    },function(){
                        count=length-4;
                        $(".switch-box").css({
                            marginLeft:"-280"*count
                        })
                    })
                }else{
                    $(".switch-box").animate({
                        marginLeft:"-280"*count
                    })
                }
            })
            // 自动轮播的那个
            var length2=$(".roll li").length;
            setInterval(function(){
                count2++;
                if(count2>length2-5){
                    $(".roll").animate({
                        marginTop:"-51"*count2
                    },function(){
                        count2=0;
                        $(".roll").css({
                            marginTop:0
                        })
                    }) 
                }else{
                    $(".roll").animate({
                        marginTop:"-51"*count2
                    })
                }
            },1500)
        })
